

/* 约束 label input label（输入提示+输入框+错误提示） 始终不换行（清除浮动） */
.modal-dialog .form-group {
	position: relative;
	overflow: hidden;
}

.modal-dialog .form-group label {
	line-height: 36px;
}

/* 设置模态弹窗头部样式 */
.modal-content{
	background-color: initial;
	overflow: hidden;
	border: none;
	border-radius: 15px;
}
.modal-header {
	padding: 0px 10px 0px 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
	background: #4A778F;
	background-image: linear-gradient( to bottom, #46677a ,#3e5865);
    color: #fff;
    font-weight: bold;
    height: 44px;
    
}

.modal-header h4{
	font-size: 16px;
	line-height: 43px;
}

/* 设置模态弹窗关闭按钮的样式 */
.modal-header .close {
	color: #fff;
	font-weight: 100;
    opacity: 0.8;
    text-shadow: none;
    margin-top: 3px;
}
/* 设置模态弹窗关闭按钮 鼠标滑动的样式 */
.modal-header .close:hover {
	opacity: 1;
}

/* 设置模态弹窗内容部分的样式 */
.modal-body{
	padding: 30px 15px;
	overflow: hidden;
	max-height: 660px;
	overflow-y: scroll;
	background: #ECF0F3;
}
#password .modal-body .form-group:last-child{margin-bottom: 0px;}
/* label样式 */
.modal-dialog .form-group .col-sm-3,
.modal-dialog .form-group .col-sm-2{
	padding: 0px 3px 0px 0px;
}
.personal-add .modal-dialog .form-group .col-sm-3{
	padding: 0px;
}
/* input样式 */
.modal-dialog .modal-body .col-sm-9,
.modal-dialog .modal-body .col-sm-10{
	padding-left: 0px;
}
.modal-dialog .form-group.height-auto{
	height: auto;
}
.modal .division{
	margin: 0px 18px 0px 15px;
	text-align: center;
    line-height: 34px;
}
/* ‘*’必填项样式 */
.red{
	color: #ed3d37;
}
/* ‘*’必填项定位 */
.form-group .required{
	position: absolute;
	right: 0px;
	top:9px;
}
.form-group .required.red{
	top:0px;
	line-height: 36px;
}
.modal-dialog .form-group.no-margin{
	margin: 0px;
}

/* 设置模态弹窗底部样式 */
.modal-footer{
	padding: 0px 0px;
    border: none;
}

.modal-content .modal-footer{
	padding: 0px 0px 0px;
}
	
}
/* 设置两相邻按钮之间的间距 */
.modal-footer .btn+.btn{
	margin-left: 16px;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal .info-bottom{
	background: #A2B6BD;
	height: 55px;
    margin-bottom: -15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.modal .table-bordered{margin-bottom: 0px;}
/* 删除提示弹窗 */
.delete-modal {
	width: 400px;
	margin-top: -100px;
	
}
.delete-modal .modal-body{
   
}
.delete-prompt{
	color: #3f5b69;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
.delete-modal .btn-fff:active,
.delete-modal .btn-fff:focus{
	color: #3f5b69;
}
.delete-modal .modal-header {
	border-bottom: 1px solid transparent;
}

.delete-modal .modal-footer {
	border-top: 1px solid transparent;
	background: #ECF0F3;
	padding-bottom: 15px;
}

/* 下级机构弹窗 */
.sub-modal {
	width: 80%;
}

/* tree(树状图) */
.modal-dialog .modal-body .tree {
	margin-left: -20px;
	padding-top: 9px;
}
/* tree(树状图)  end*/

/*roleassignment background: #D7E3F3;*/
.roleassignment .modal-header{background: #4A778F;color: #ffffff;border: none;}
.roleassignment h4{font-weight: 600;}
.roleassignment  .modal-body{padding: 8px;margin: 0px 0px 0px;}
.roleassignment .bg-model{background: #ECF0F3;padding: 0px 0px 20px 0px;}
.roleassignment .roleby-frame-header{height: auto;width: 548px;padding-bottom: 0px;}
.roleassignment .roleby-frame-header .form-control{width: 160px;}
.roleassignment .roleby-frame-header .form-group{margin-bottom: 5px;padding: 0px;}
.roleassignment .roleby-frame-header .mar-right{margin-right: 8px;}
.roleassignment .modal-header{overflow: hidden;}
.roleassignment .modal-header img{cursor: pointer;}
.roleassignment .modal-header h4{font-size: 16px;}
.roleassignment .bg-model .small{font-size: 17px;margin-bottom: 8px;}
.roleassignment .modal-dialog .form-group label{line-height: 34px;}
.roleassignment .modal-dialog .form-group .mar{margin: 0px 8px;}
.roleassignment .modal-dialog .form-group .btn.mar{line-height: 22px;}
.roleassignment .user-roleby-table{width: 100%;}
.modal-content .fixd-footer{padding-top: 15px;padding-right: 15px;}
/*roleassignment end*/
.modal-content  form .modal-footer{padding: 0;	}
.modal-body-header .input-group .form-control{width: 100%;}
.list-table .modal-body{padding-top: 15px;}
.glyphicon{top:2px;left: -1px;}

/*large-model*/
.large-model .modal-dialog {width: 100%;    max-width: 100%;padding: 0px 5%;}
.large-model .modal-body{padding-top: 0px;}
.large-model .search-group{margin: 10px 0px;}
.large-model .search-group .form-group{margin-bottom: 0px;}
.large-model .info-bottom{height: 50px; margin-bottom: -30px;background: #ECF0F3;color: #666;}
.large-model .info-bottom .page-total{color: #666;}
.large-model .pagination span{color: #666;}
.large-model .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #fff;}
.large-model .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{color: #666;}
.large-model .table-body{background: #FBFBFB; height: 500px;}
.talbe-fbfbfb{background: #FBFBFB;}
.talbe-fbfbfb .float-left{margin-right: 10px;}
.talbe-fbfbfb select{margin-top: 2px;height: 30px;}
.large-model .search-group select{border: 1px solid #6D8D98;color: #6D8D98;}
.large-model .search-group .form-span{font-size: 16px;font-weight: 100;color: #333;    padding-right: 5px;}

.large-model .line{width: 100%; height: 8px;background: #cdcdcd;margin-top: 40px;}
.large-model .line-main{height: 110px;background: #ECF0F3;position: relative;padding: 0px 70px;}
.large-model .bor-top{}
.line-public{border-top: 1px solid #cacbcb;border-bottom:1px solid #fff ;width:100% ;float: left;}
.large-model .line-del{width: 100%; height: 50px;float: left;margin-top: -22px;position: relative;}
.large-model .line-del .line-del-left{width: 50px;height: 50px; background: #06a070;border-radius: 100%;position: absolute;left: 0px;top: 0px;    z-index: 99;    text-align: center;
	line-height: 44px;color: #fff;font-size: 22px;
	box-shadow: 0px 9px 0px 0px #078961 inset;
	-webki-box-shadow: 0px 9px 0px 0px #078961 inset;  
	-moz-box-shadow: 0px 9px 0px 0px #078961 inset; 
	border: 3px solid #fff;
}
.large-model .line-del .line-del-center{width: 50px;height: 50px; background: #a0a8ac;border-radius: 100%;position: absolute;left: calc(50% - 25px);  z-index: 99;text-align: center;
	line-height: 44px;    color: #fff;font-size: 22px;
	box-shadow: 0px 9px 0px 0px #808a8d inset;
	-webki-box-shadow: 0px 9px 0px 0px #808a8d inset;  
	-moz-box-shadow: 0px 9px 0px 0px #808a8d inset; 
 	border: 3px solid #fff;
 }
 .large-model .line-del .line-del-center.active,
 .large-model .line-del .line-del-right.active{
 	background: #06a070;
 	box-shadow: 0px 9px 0px 0px #078961 inset;
	-webki-box-shadow: 0px 9px 0px 0px #078961 inset;  
	-moz-box-shadow: 0px 9px 0px 0px #078961 inset; 
 	
 }
 .large-model .line-del .line-del-center.active p,
 .large-model .line-del .line-del-right.active p{
 	color: #333;
 }

.large-model .line-del .line-del-right{width: 50px;height: 50px; background: #a0a8ac;border-radius: 100%;position: absolute;right: 0px;top: 0px;    z-index: 99;text-align: center;
	line-height: 44px;color: #fff;font-size: 22px;
	box-shadow: 0px 9px 0px 0px #808a8d inset;
	-webki-box-shadow: 0px 9px 0px 0px #808a8d inset;  
	-moz-box-shadow: 0px 9px 0px 0px #808a8d inset; 
	border: 3px solid #fff;
}
.large-model .line-del .line-del-left p,
.large-model .line-del .line-del-center p,
.large-model .line-del .line-del-right p{
	color: #333;
    font-size: 16px;
    line-height: 30px;
    width: 100px;
    margin-bottom: 0px;
    position: absolute;
    left: -25px;
}
.large-model .line-del .line-del-center p,
.large-model .line-del .line-del-right p{
	color: #888;
}
.large-model .line-del .line-line{width: 100%;height: 8px; background: #06a070;     margin-top: 22px;  width: 25%; border-right: 1px solid #fff;  border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.large-model .line-del .line-line.active{width: 75%;}
.large-model .line-del .line-line.act{width: 100%;}

.large-model .storage-add .col-sm-12{padding: 0px;margin-bottom: 15px;}
.large-model .storage-add .col-sm-12:last-child{margin-bottom: 0px;}
.large-model .storage-add .col-sm-3,
.large-model .storage-add .col-sm-6,
.large-model .storage-add .col-sm-4{padding-left: 5px;}
.large-model .storage-add .fill{width: calc(100% - 85px)!important;}
.large-model .storage-add .input-url{width: calc(100% - 133px);float: left;}
.large-model .storage-add .last .input-url{width: calc(100% - 133px - 125px);}
.large-model .storage-add .last-time{width: calc(100% - 106px);float: left;}
.large-model .storage-add .search-width{width: initial;}
.large-model .storage-add .form-control{    border: 1px solid #6D8D98;color: #6D8D98;}
.large-model .storage-add-body{padding-bottom: 0px;}
.large-model .storage-add-body .table-header thead{border: 1px solid #dddede;background: #eeefee;}
.large-model .storage-add-body.modal-body{overflow-y: hidden;margin-bottom: 15px;}
.large-model .storage-add-body .table-body{height: 380px;}
.large-model .storage-add-footer{height: 70px;width: 100%;background: #ECF0F3;overflow: hidden;}
.large-model .modal-content{background:#ECF0F3 ;}
.large-model .storage-add-footer .btns-group{margin: 18px auto;width: 225px;}
.large-model .storage-add-footer .btns-group .btn-3a5f72{margin-right: 11px;}
.large-model .storage-add-body .form-span.last{padding-right: 0px;}
.large-model .storage-add-two{padding-top: 20px;}
.large-model .storage-add-two .col-sm-2,
.large-model .storage-add-two .col-sm-10,
.large-model .storage-add-two .col-sm-5{padding: 0px;}
.large-model .storage-add-two .importing{width: 100%;background: #fff; padding: 10px 15px 10px 0px;}
.large-model .storage-add-two .importing .importing-line{height: 13px;width: 100%;background: #cdcdcd;margin-top: 11px;    border-radius: 10px;position: relative;}
.large-model .storage-add-two .importing .importing-line .importing-line-load{position: absolute;height: 13px;width: 0%;background: #069f6f;border-radius: 10px;}
.large-model .storage-add-two .importing .importing-line .importing-line-text{position: absolute;height: 13px;line-height: 12px;z-index: 999;color: #fff;left: calc(50% - 12px);}
.large-model .storage-add-two .importing .input-100{width: 100px;}
.large-model .storage-add-two .importing .form-span{padding-left: 15px;}
/*large-model end*/

/*btn-fff*/
.btn-3a5f72{background: #3a5f72;border: 1px solid #444;font-size: 15px;    padding: 6px 15px;color: #fff;}
.btn-3a5f72:hover{color: #fff;background: #3e5865;}
.btn-3a5f72:active{color: #eee;color: #ccc;}
.btn-3a5f72:focus{color: #fff;}
.btn-fff{background-image: linear-gradient( to bottom, #ebebeb ,#ffffff);color: #666;border: 1px solid #b4b9bb;font-size: 15px;}
.btn-fff:hover{color: #666;}
.btn-fff:active{background-image: linear-gradient( to bottom,  #ffffff,#ebebeb);}
.btn-fff:focus{}
/*btn-fff*/

/*.modal-lg-roleby*/
.modal-lg-roleby .table-header thead{background: #A2B6BD;color: #fff;}
.modal-lg-roleby .modal-body{padding: 15px;}
.modal-lg-roleby .btns-group{padding: 15px 0px; background: #ECF0F3;}
.modal-lg-roleby .table-body{height: calc(100% - 135px);}
/*.modal-lg-roleby end*/